

	<!-- 可变效果区 -->
	<div class="main ">

		<div class="row">
			<div class="col-lg-12">
				<h3 class="page-header"><i class="fa fa-indent"></i>角色列表</h3>

			</div>
		</div>


        <div class="row">
			<div class="col-lg-12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h2><i class="fa fa-table red"></i><span class="break"></span><strong>列表</strong></h2>
						<div class="panel-actions">
							<a href="table.html#" class="btn-setting"><i class="fa fa-rotate-right"></i></a>
							<a href="table.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
							<a href="table.html#" class="btn-close"><i class="fa fa-times"></i></a>
						</div>
					</div>
                    <button class="btn btn-default pass" type="button">批量审核通过</button>
                    <button class="btn btn-default no" type="button">批量审核不通过</button>
                    <button class="btn btn-default del" type="button">批量删除</button>

					<div class="panel-body">
						<table  class="table table-bordered table-striped table-condensed table-hover">
							  <thead>
								  <tr>
								     <th width="50"><input type="checkbox" class="all" style="margin-right:10px;">ID</th>
									 <th width="200">标题</th>
									 <th width="400">内容</th>
									 <th width="100">图片</th>
									 <th width="100">作者</th>
									 <th width="100">新闻类型</th>
									 <th width="100">审核状态</th>
									 <th width="100">发布者</th>
									 <th width="150">提交时间</th>
									 <th width="100">操作</th>
								  </tr>
							  </thead>
							  <tbody>
							    <?php foreach($list as $v){ ?>
								<tr >
									<td height="35"><input type="checkbox" style="margin-right:10px;" value="<?php echo $v['id']?>"><?php echo $v['id']?></td>
                                    <td filed="title" class="db_edit"><?php echo $v['title']?></td>
                                    <td filed="content" class="db_edit"><?php echo mb_substr($v['content'],0,30,'utf-8').'…';?></td>
									<td><img src="<?php echo empty($v['url'])?'none.jpg':$v['url'] ?>" width="50" height="50"></td>
									<td><?php echo $v['author']?></td>
									<td filed="type" class="db_edit"><?php echo $v['name']?></td>
									<td class="edit">


                                        <?php if($v['status']==0){?>
                                        <button class="btn btn-warning" value="0" type="button"><i class="fa fa-exclamation"></i></button>
                                        <?php }else if($v['status']==1){?><button class="btn btn-success" value="1" type="button"><i class="fa fa-check"></i></button>
                                        <?php }else if($v['status']==2){?><button class="btn btn-danger" value="2" type="button"><i class="fa fa-times"></i></button>
                                        <?php }?>

                                    </td>
									<td><?php echo $v['send_user']?></td>
									<td><?php echo $v['create_time']?></td>
									<td>
										<a href="index.php?c=news&a=edit&admin=1&id=<?php echo $v['id']?>" title="编辑" class="btn btn-info">
											<i class="fa fa-edit "></i>
										</a>
										<a href="index.php?c=news&a=del&admin=1&id=<?php echo $v['id']?>" onclick="return confirm('确定删除？')" title="删除" class="btn btn-danger">
											<i class="fa fa-trash-o "></i>
										</a>
								    </td>
								</tr>
								<?php }?>
							  </tbody>
						 </table>
						 <ul class="pagination">

							<?php echo $pages;?>


						  </ul>
					</div>
				</div>
			</div><!--/col-->
		</div><!--/row-->



	</div>
	<!-- end: Content -->
	<br><br><br>

<script src="resources/admin/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$(function(){

var url = window.location.href;
	// 无刷新翻页 绑定点击事件
	// 阻止页面重新加载，用return false阻止a标签跳转
	// 调用ajax语法
	$('.pagination').on('click','li',function(){


		  url = $(this).find('a').attr('href');
		// 1.
		$.ajax({
			type:'get',//发送的请求类型get/post
			url:url,//请求的路径
			// data:{},//要提交到后台的数据
			dataType:'json',//将后台返回的数据转成js的json格式
			// async:false;//将ajax的异步传输修改成同步传输，默认情况下ajax是异步传输(ture),但也支持同步传输(false)
			// success 专门接收后台服务器返回到前台的数据
			success:function(json){//回调函数专门获取程序那边返回的数据，数据统一存储在 json变量中
                tt(json);
            }

		})
		return false;
	});


    //双击编辑列表数据
    var td_txt='';
    //抓取类名等于db_edit的所有td标签并绑定双击事件
    $('.db_edit').dblclick(function(event) {
        //查找所有可编辑的td标签是否有input标签
        var len = $('tbody :text').length;

        td_txt = $(this).val();

        if(len>0){
        	//先获取之前已经显示的input标签里的val值
        	var val = $('tbody :text').val();

        	//再将input的val值替换td的文本内容，让显示效果恢复原始状态
        	$('tbody :text').parent().text(val);
        }

    	//获取双击编辑的数据
    	var txt = $(this).text();
    	var inp = "<input type='text' value='"+txt+"'/>";

    	//将要编辑的内容替换成输入框的形式显示
    	$(this).html(inp);

    	//获得焦点事件
    	$('tbody :text').focus();

    	//绑定失去焦点事件
    	$('tbody :text').blur(function(event) {
    		if(td_txt=$(this).val()){
    			$(this).parent().text(td_txt);
    			return false;
    		}

    		//抓取要修改的数据的id
            var id = $(this).parent().parent().find('td:first').text();

            //获取要修改的字段名
            var filed = $(this).parent().attr('filed');

    		//当input标签失焦的同时获取了其val值
    		var val = $(this).val();

            //找失焦input标签的父级，再用已编辑的内容替换父级(td)的文本内容，让显示效果恢复原始状态
            $(this).parent().text(val);



            $.ajax({
            	url: 'index.php?c=news&a=edit&admin=1',
            	type: 'post',
            	data: {
            		'id':id,//修改的数据id
            		'val':val,//修改的字段的值
            		'filed':filed//修改的字段名
            	},
            	success:function(rows){

            		if(parseInt(rows)>0){
            			alert('修改成功');
            		}else{
            			alert('修改失败');
            		}

            	}
            })


    	});
    });


    // 审核状态绑定
    $('tbody').on('click','button',function(){

        var id = $(this).parent().parent().find('td:first').text(); //获取自定义属性的id值

        if('fa fa-exclamation'==$(this).find('i').attr('class')){

            var html='';
                html+='<button style="position:relative; z-index:10" value="1" class="btn btn-success status" title="通过" type="button"><i class="fa fa-check"></i></button>';
                html+='<button value="2" class="btn btn-danger status" title="不通过" type="button"><i class="fa fa-times"></i></button>';

            $(this).parent().html(html);
        }

        $('tbody td').click(function(){
            // alert(11);
            var html = '<button type="button" value="0" class="btn btn-warning"><i class="fa fa-exclamation"></i></button>';
              $('.status').parent().html(html);


        })

        var val = $(this).val();
        var obj = $(this);

        $.ajax({
            type:'get',
            url:'index.php?c=news&a=list&admin=1&id=',
            data:{
              'id':id,
              'status':val,
              'check':1,
            },
            success:function(json){
                if(json>=0){
                    if(val==1){
                        obj.next().remove().find('i').removeClass().addClass('fa fa-check');

                    }else{
                        obj.prev().remove().find('i').removeClass().addClass('fa fa-times');
                    }

                }

            }
        })
    })


    // 全部选中
    $('.all').click(function(){
        if($('.all').is(':checked')){
            $(':checkbox').prop('checked',true);
        }else{
            $(':checkbox').prop('checked',false);
        }
    })


    // 批量审核通过
    $('.panel').on('click','.pass',function(){

        var checked = $('tbody :checkbox:checked');
        // 获取选中的复选框的长度
        var check = $('tbody :checkbox:checked').length;
        var id = new Array();
        checked.each(function(i,o){
                // 数组的追加
                id.push($(o).val());
        });

        if(check==0){
            alert('请至少选择一项');
            return false;
        }

        $.ajax({
            type:'get',
            url:'index.php?c=news&a=list&admin=1',
            data:{
                'id':id.toString(),
                'status':1,
                'check':1,
                'b':1,
            },
            success:function(json){
                if(json>=0){

                    checked.each(function(i,o){
                        $(o).parent().parent().find('button:first').removeClass().addClass('btn btn-success');
                        $(o).parent().parent().find('i:first').removeClass().addClass('fa fa-check');
                        $(o).parent().parent().find('button:first').val(1);
                    });



                }
            }
        })
    })


    // 批量审核不通过
    $('.panel').on('click','.no',function(){

        var checked = $('tbody :checkbox:checked');
        // 获取选中的复选框的长度
        var check = $('tbody :checkbox:checked').length;
        var id = new Array();
        checked.each(function(i,o){
                // 数组的追加
                id.push($(o).val());
        });

        if(check==0){
            alert('请至少选择一项');
            return false;
        }

        $.ajax({
            type:'get',
            url:'index.php?c=news&a=list&admin=1',
            data:{
                'id':id.toString(),
                'status':1,
                'check':1,
                'b':1,
            },
            success:function(json){
                if(json>=0){

                    checked.each(function(i,o){
                        $(o).parent().parent().find('button:first').removeClass().addClass('btn btn-danger');
                        $(o).parent().parent().find('i:first').removeClass().addClass('fa fa-times');
                        $(o).parent().parent().find('button:first').val(1);
                    });



                }
            }
        })

    })


    // 批量删除
    $('.panel').on('click','.del',function(){

        var checked = $('tbody :checkbox:checked');
        // 获取选中的复选框的长度
        var check = $('tbody :checkbox:checked').length;
        var id = new Array();
        checked.each(function(i,o){
                // 数组的追加
                id.push($(o).val());
        });

        if(check==0){
            alert('请至少选择一项');
            return false;
        }


        $.ajax({
            type:'get',
            url:url,//index.php?c=news&a=list&admin=1&p=4
            data:{
                'id':id.toString(),
                'del':1,
            },
            dataType:'json',
            success:function(json){
                if(json.row>0){

                    checked.each(function(i,o){
                        $(o).parent().parent().remove();
                        console.log( $(o).parent().parent());
                    });

                    tt(json[0]);
                    alert('删除成功');

                }
            }
        })
    })


    // 无刷新翻页函数封装
    function tt(json){
        // alert(json[0].title);
                var html='';
                    var list=json.list;

                for(i in list){
                    html+='<tr>';
                    html+='<td height="35"><input type="checkbox" style="margin-right:10px;" value="'+list[i].id+'">'+list[i].id+'</td>';
                    html+='<td>'+list[i].title+'</td>';
                    html+='<td>'+list[i].content+'</td>';

                    html+='<td><img src="<?php echo empty($v['url'])?'none.jpg':$v['url'] ?>" width="50" height="50" src="'+list[i].url+'"></td>';

                    html+='<td>'+list[i].author+'</td>';
                    html+='<td>'+list[i].name+'</td>';

                         //判断状态按钮
                         if(list[i].status==0){
                            var cla = 'btn-warning';
                            var val = 0;
                            var icon = 'fa-exclamation';
                         }else if(list[i].status==1){
                            var cla = 'btn-success';
                            var val = 1;
                            var icon = 'fa-check';
                         }else{
                            var cla = 'btn-danger';
                            var val = 2;
                            var icon = 'fa-times';
                         }

                    html+='<td><button class="btn '+cla+'" value="'+val+'" type="button"><i class="fa '+icon+'"></i></button></td>';
                    html+='<td>'+list[i].send_user+'</td>';
                    html+='<td>'+list[i].create_time+'</td>';
                    html+='<td>';
                        html+='<a href="index.php?c=news&a=edit&admin=1&id='+list[i].id+'" title="编辑" class="btn btn-info">';
                            html+='<i class="fa fa-edit "></i></a>';

                        html+='<a href="index.php?c=news&a=del&admin=1&id='+list[i].id+'" onclick="return confirm(确定删除？)" title="删除" class="btn btn-danger">';
                            html+='<i class="fa fa-trash-o "></i></a>';

                    html+='</td>';
                html+='</tr>';

                }
                 $('tbody').html(html);//替换原来已经显示的数据

                 $('.pagination').html(json.pages);//页码替换
    }
})
</script>

